<!DOCTYPE html>
<!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>用户注册页面</title>


<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->

<link href="css/normalize.css" rel="stylesheet"/>
<link href="css/jquery-ui.css" rel="stylesheet"/>
<link href="css/jquery.idealforms.min.css" rel="stylesheet" media="screen"/>
 <link href="css/register.css" rel="stylesheet">

<style type="text/css">
  #student{
    display: none;
  }
  #teacher{
    display: none;
  }
body{font:normal 15px/1.5 Arial, Helvetica, Free Sans, sans-serif;color: #222;background:url(pattern.png);overflow-y:scroll;padding:60px 0 0 0;}
#formstu{width:755px;margin:0 auto;border:1px solid #ccc;padding:3em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.2);}
#formtea{width:755px;margin:0 auto;border:1px solid #ccc;padding:3em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.2);}
#comments{width:350px;height:100px;}
</style>

</head>
<body>
<div style="text-align: center;">
<span id="tea">教师注册：<input type="button" value="教师"  onclick="viewtea()"></span>
<span id="stu">学生注册：<input type="button" value="学生" onclick="viewstu()"></span>
</div>
<div class="row">

  <div class="eightcol last">
    <div id="student">
    <form id="formstu">
        <section name="注册信息">
          <div><label>登录账号:</label><input id="loginname" name="loginname" data-ideal="required usernamestu" type="text"/></div>
          <div><label>密码:</label><input id="password" name="password" data-ideal="required password" type="password"/></div>
          <div><label>姓名:</label><input id="username" name="username"  type="text"/></div>
          <div><label>身份证号:</label><input id="idcard" name="idcard" data-ideal="required password" type="text"/></div>
          <div><label>手机号:</label><input id="phone" name="phone"  type="text"/></div>
          <div><label>邮箱:</label><input id="email" name="email"  type="email"/></div>
          <div><label>性别:</label><input id="sex" name="sex"  type="text"/></div>
          <div><label>学历:</label><input id="ueducational" name="ueducational"  type="text"/></div>
          <div><label>民族:</label><input id="unational" name="unational"  type="text"/></div>
          <div><label>年龄:</label><input id="uage" name="uage"  type="text"/></div>
          <div><label>QQ:</label><input id="uqq" name="uqq"  type="text"/></div>
          <div><label>微信:</label><input id="uwechat" name="uwechat"  type="text"/></div>
          <div><label>学号:</label><input id="studentid" name="studentid"  type="text"/></div>
          <div><label>班级:</label><input id="classname" name="classname"  type="text"/></div>
          <div><label>专业:</label><input id="major" name="major"  type="text"/></div>
          <div><label>系别:</label><input id="department" name="department"  type="text"/></div>
          <div><label>备注:</label><input id="unote" name="unote"  type="text"/></div>
      </section>
      <div><hr/></div>

      <div>
        <input type="button" id="btn_stusubmit" value="提交"/>
        <input type="reset" value="重置"   />

      </div>

    </form>
    </div>
    <!-- End Form -->
  </div>
  <div id="teacher">
    <form id="formtea">
      <section name="注册信息">
        <div><label>登录账号:</label><input id="loginnametea" name="loginname" data-ideal="required usernamestu" type="text"/></div>
        <div><label>密码:</label><input id="passwordtea" name="password" data-ideal="required passwordtea" type="password"/></div>
        <div><label>姓名:</label><input id="usernametea" name="username"  type="text"/></div>
        <div><label>身份证号:</label><input id="idcardtea" name="idcard"  type="text" data-ideal="required usernamestu"/></div><span id="msglogin"></span>
        <div><label>教师号:</label><input id="teacheridtea" name="teacherid"  type="text"/></div>
        <div><label>入职时间:</label><input id="hiredatetea" name="hiredate"  type="text"/></div>
        <div><label>手机号:</label><input id="phonetea" name="phone"  type="text"/></div>
        <div><label>邮箱:</label><input id="emailtea" name="email"  type="email"/></div>
        <div><label>性别:</label><input id="sextea" name="sex"  type="text"/></div>
        <div><label>学历:</label><input id="ueducationaltea" name="ueducational"  type="text"/></div>
        <div><label>民族:</label><input id="unationaltea" name="unational"  type="text"/></div>
        <div><label>年龄:</label><input id="uagetea" name="uage"  type="text"/></div>
        <div><label>QQ:</label><input id="uqqtea" name="uqq"  type="text"/></div>
        <div><label>微信:</label><input id="uwechattea" name="uwechat"  type="text"/></div>
        <div><label>学号:</label><input id="studentidtea" name="studentid"  type="text"/></div>
        <div><label>班级:</label><input id="classnametea" name="classname"  type="text"/></div>
        <div><label>专业:</label><input id="majortea" name="major"  type="text"/></div>
        <div><label>系别:</label><input id="departmenttea" name="department"  type="text"/></div>
        <div><label>备注:</label><input id="unotetea" name="unote"  type="text"/></div>

      </section>
      <div><hr/></div>

      <div>
        <input type="button" id="btn_teasubmit" value="提交"/>
        <input type="reset" value="重置" />

      </div>

    </form>
  </div>
  <!-- End Form -->

</div>
</div>


<!--<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>-->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.idealforms.js"></script>
<script type="text/javascript" src="js/register.js"></script>
<script type="text/javascript">
var options = {

	onFail: function(){
		alert( $myform.getInvalid().length +' invalid fields.' )
	},


};

var $myform = $('#formstu').idealforms(options).data('idealforms');
var $myform = $('#formtea').idealforms(options).data('idealforms');

$('#reset').click(function(){
	$myform.reset().fresh().focusFirst()
});

$myform.focusFirst();
</script>
<div style="text-align:center;">
</div>
</body>
</html>